@(friends: List[models.my.MyFriend],uis: List[models.user.UserInfo]) 
@js_css={
<script type="text/javascript">
	$(document).ready(function(){
		$(".nav.nav-pills.nav-stacked li").removeClass("active");
		$(".nav.nav-pills.nav-stacked li").eq(1).addClass("active");
	});
</script>
}
@import models.user.PortraitUserInfo
@main("我的好友",js_css) { 

@left()
<div class="col-xs-7">
	<div class="col-xs-12">
		<h3>全部好友</h3>
		<hr>
	</div>
	<div class="col-xs-12">
	
		@if(friends == null || friends.size() == 0){
			暂时没有任何的好友.
		} else {	
		@for(friend <- friends) { 
			<div class="col-xs-4 col-md-4">
				<div class="panel panel-default">
					<div class="panel-body">
						<a class="thumbnail" href="#"> <img alt="100%x180"
							data-src="./js/holder.min.js/100%x180"
							@defining(PortraitUserInfo.getInstances().getPUI(friend.friend).portrait){ portrait =>
		                    @if(portrait == null || portrait == ""){
									src="http://meng-user.qiniudn.com/pic.png"
								}else{
									src="@portrait"
							}}
							>
						</a>
					</div>
					<div class="panel-footer">用户名:@friend.friend</div>
				</div>
			</div>
		}}
	</div>
</div>

@right(uis) 
}
